﻿<!DOCTYPE html>
<html dir="RTL">
<head>
    <link rel="stylesheet" type="text/css" href="stylesheet.css"/>
    <script type="text/javascript" src="jquery-1.7.2.js"></script>
</head>
<body>
<label for='regular'>ترتيب عادى</label><input name='sort' type='radio' id='regular' checked/>
<label for='relevance'>ترتيب حسب العلاقة</label><input name='sort' type='radio' id='relevance'/><br/>
<script type="text/javascript">
    $(document).ready(function ()
    {
        $(".dis").attr("disabled", "true");
        //$(".dis").attr("title", "under construction");
        for (var i = 1; i < 9; i++) {
            if(i == 1) {
            $("body").append("<button id='lesson" + i + "' class='lesson_button'>Lesson" + i + "</button>");
            }else {
                $("body").append("<button title='under construction' id='lesson" + i + "' class='dis'>Lesson" + i + "</button>");
            }
        }
        $("#relevance").change(function ()
        {
            if ($("#relevance:checked").length > 0)
                document.location = "relevance_index.html";
        });
        $("#lesson1").click(function ()
        {
            document.location="game.html";
        });
    });
</script>
</body>
</html>